<template>
  <div class="box">
    <!-- <h2>设置</h2> -->
    <span class="kong"></span>
    <van-nav-bar title="设置" left-arrow @click-left="onClickLeft" fixed/>
    <div class="main">
         <van-cell title="消息设置" is-link to="" />
         <van-cell title="使用帮助" is-link to="" />
         <span class="xian"></span>
         <van-cell title="清理缓存" is-link to="" value="12.8mb" />
         <span class="xian"></span>
         <van-cell title="关于我们" is-link to="" />
         <span class="xian"></span>
         <van-cell title="用户协议" is-link to="" />
         <span class="xian"></span>
         <van-cell title="去评分" is-link to="" />
         <span class="xian"></span>
         <van-cell title="版本号" is-link to="" value="3.2.8.3" />
         <span class="xian"></span>
    </div>
    <div class="foot">
        <van-button type="default" @click="out">退出登录</van-button>
    </div>
  </div>
</template>

<script>
export default {
  name: "Setting",
  methods: {
    onClickLeft() {
      this.$router.push("/myspeed");
    },
    out(){
        this.$store.commit('token','')
        this.$store.commit('name','')
        this.$store.commit('plce','')
        this.$store.commit('uid','')
        this.$router.push('/login')

    }
  }
};
</script>

<style scoped>
.box{
  font-size: 18px
}
.kong {
  display: block;
  height: 46px;
}
.xian{
    display: block;
    height: 1px;
    background: #aaa;
}
.foot{
    display: flex;
    justify-content: center;
    margin-top: 70px;
}
</style>
